<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>源码大数据项目</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 常态化样式表 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/login.css" />
    <!-- 当前页样式 -->
    <link rel="stylesheet" href="../css/api-index.css">
</head>

<body>
    <!-- 顶部导航 -->
    <header>
        <div class="nav mr ">
            <!-- LOGO -->
            <div class="nav-log ">
                <h1>
                    <a href="index.html"> <img src="../imgs/api-new-logo-white.png" alt="源码大数据"></a>
                </h1>
            </div>
            <!-- 导航list -->
            <div class="nav-list fex-c-c">
                <ul>
                    <li><a href="index.html">首页</a> </li>
                    <li><a href="api-index.html" id="active">API</a></li>
                    <li><a href="#">云服务</a></li>
                    <li><a href="customer.html">案例</a></li>
                    <li><a href="#">开发者</a></li>
                </ul>
            </div>
            <!-- 右侧 -->
            <div class="ld">
                <!-- 登录 -->
                <div class="login">
                    <a href="login.html">登录</a>
                </div>
                <!-- 注册 -->
                <div class="regsiter st">
                    <a href="#">注册</a>
                </div>
            </div>
        </div>
    </header>
    <!-- 主体内容 -->
    <div class="zw"></div>
    <main>
        <!-- Api分类 -->
        <section class="apiCate">

            <div class=" api-tit container">
                <div class="fl">
                    <h2>API分类区</h2>

                </div>
                <div class="ipt">
                    <p> <strong>全部</strong>
                        <input type="text" id="ipt" placeholder="身份证实名">
                        <img src="../imgs/magnifier.png" alt="">
                    </p>
                </div>
                <ul class="apiCateList">

                </ul>

            </div>
        </section>
        <!-- API卡片 -->
        <section class="apiCards">
            <div class="con container">
                <ul class="apiCardsList">

                </ul>
            </div>
        </section>
        <!-- 分页按钮 -->
        <section class="pagination">
            <div class="pagfy container">
                <ul>
                    <li class="active">
                        1
                    </li>
                    <li>
                        2
                    </li>
                    <li>
                        3
                    </li>
                    <li>
                        4
                    </li>

                </ul>
            </div>
        </section>
        <div class="mc ss">
            <section class="dltc">
                <!-- 登录弹窗 -->
                <div class="dl">
                    <!-- 右侧登录 -->
                    <div class="dly">
                        <div class="api-dl">
                            <div class="login">
                                <div class="logo">
                                    <a href="index.html"> <img src="../imgs/loginlogo.png" alt=""></a>
                                </div>
                                <!-- 登录注册 -->
                                <div class="log-zc">
                                    <ul>
                                        <li><a href="#" id="zh" class="act">账号登录</a>
                                            <span></span>
                                        </li>
                                        <li>|</li>
                                        <li><a href="#" id="sm">扫码登录</a>
                                            <span></span>
                                        </li>
                                    </ul>
                                </div>
                                <!-- 提交 -->
                                <div class="fom">
                                    <form action="#">
                                        <ul class="tj">
                                            <li class="to">
                                                <span></span>
                                                <input type="text" id="username" placeholder="用户名/手机号/邮箱">

                                            </li>
                                            <li class="to">
                                                <span></span><input type="text" id="password" placeholder="密码">
                                            </li>
                                            <li>
                                                <a href="#">忘记密码</a>
                                            </li>
                                            <li>
                                                <a href="#"><button>登录</button></a>
                                            </li>
                                            <li>
                                                <p>还没有源码账号，<a href="#" class="s">立即注册 </a></p>
                                            </li>
                                        </ul>
                                    </form>

                                    <!-- 扫码登录 -->
                                    <form action="#">
                                        <div class="sm">
                                            <div class="ewm">
                                                <img src="../imgs/showqrcode.jpg" alt="">
                                                <p class="pd-15">微信扫码登录</p>
                                                <p class="pd">未关注源码科技公众号，请先关注后再登录</p>
                                            </div>
                                            <p class="pd">还没有源码账号，<a href="#" class="c">立即注册 </a></p>

                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!-- 弹窗 -->
                        <div class="tc">
                            <h1></h1>

                        </div>
                    </div>
                </div>
            </section>
        </div>
    </main>
    <footer>
        <div class="foooter container">
            <ul>
                <li>
                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>

                <li>

                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
                <li>

                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
                <li>

                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
                <li>

                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
                <li>
                    <a href="#">联系与支持</a>
                    <a href="#"> 400-882-7715</a>
                    <a href="#"> 售前咨询</a>
                    <a href="#">客服&售后</a>
                    <a href="#">常见问题</a>
                    <a href="#">极速工单</a>
                    <a href="#"> 投诉与建议</a>
                </li>
            </ul>
            <div class="vx">

                <h2>微信公众号</h2>
                <p>源码时代</p>
                <img src="../imgs/showqrcode.jpg" alt="">

            </div>
        </div>
        <div class="fo-t container">
            <p><img src="../imgs/bei2.png" alt="">
                <img src="../imgs/bei1.png" alt="">
                增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </p>
            <p>源码大数据股份有限公司©版权所有</p>

        </div>
        <!-- 返回顶部按钮 -->
        <div class="top">

        </div>
        <!--底部波浪开始-->
        <div class="wiiuii_layout">
            <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="0 24 150 28" preserveAspectRatio="none">
                <defs>
                    <path id="gentle-wave" d="M-160 44c30 0
            58-18 88-18s
            58 18 88 18
            58-18 88-18
            58 18 88 18
            v44h-352z" />
                </defs>
                <g class="parallax">
                    <use xlink:href="#gentle-wave" x="50" y="0" fill="#4579e2" />
                    <use xlink:href="#gentle-wave" x="50" y="3" fill="#3461c1" />
                    <use xlink:href="#gentle-wave" x="50" y="6" fill="#2d55aa" />
                </g>
            </svg>
        </div>

        <!--底部波浪结束-->
    </footer>
    <script src="../js/util.js"></script>
    <script src="../js/login.js"></script>
    <script src="../js/api-index.js"></script>

</body>

</html>